@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:12px; font-family:Microsoft yahei;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft yahei,''; vertical-align:middle;}
table,td,tr,th{ font-size:12px;}
.nodispaly{ display:none}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#096fb9; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
html{ overflow-x:hidden;}

/*head_top*/
.head_top{ max-width:1000px; margin:24px auto; overflow:hidden;}
.head_top h1{ width:465px; float:left;}
.head_top h1 img{ width:100%;}
.head_top h1.lg1{ display:none;}
.head_top .cnen{ float:right; margin:19px 0 0 15px;}
.head_top .cnen a{ background:url(../images/cn.jpg) left center no-repeat; padding:0 0 0 34px; margin:0 0 0 20px; font-size:14px; color:#333; line-height:20px;}
.head_top .cnen a.n1{ background:url(../images/en.jpg) left center no-repeat; padding:0 0 0 26px;}
.head_top .cnen a:hover{ text-decoration:none; color:#096fb9;}
.head_top .search_pc{ float:right; width:192px; height:28px; background:url(../images/search.jpg) left top no-repeat; margin:15px 0 0 0;}
.head_top .search_pc .search{ float:left; padding:0 0 0 12px; width:150px; font-size:12px; line-height:28px; border:0; color:#525252; background:none; outline:none;}
.head_top .search_pc .button{ float:right; border:0; width:30px; height:28px; background:none; cursor:pointer; outline:none;}

/*nav*/
.header{ width:100%; background:url(../images/navbg.jpg) top center no-repeat;}
.nav{ max-width:1000px; margin:0 auto; font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10; width:14.3%;}
.nav .m:nth-child(7n){ width:14.2%;}
.nav a{ display:block; font-size:16px; color:#fff; line-height:60px; text-align:center;}
.nav li:hover a,.nav li a.hover_h{ text-decoration:none; background:#096fb9;}
.nav .sub{ width:143px; position:absolute; left:0; top:60px; background:#096fb9; box-shadow:0px 1px 4px rgba(102,102,102,0.6);}
.nav .sub li{ border-bottom:#20a8d9 1px solid;}
.nav .sub li a{ color:#fff; display:block; font-size:14px; line-height:20px; padding:11px 0 11px 12px; text-align:left;}
.nav .sub li a:hover{ background:#0e7bc0; text-decoration:none;}
#dowebok{ display:none;}
.sidebar{ display:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:10px; height:10px; display:block; background:#666; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.flex-control-paging li a:hover{ background:#096fb9; }
.flex-control-paging li a.flex-active{ background:#096fb9; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*new_product*/
.new_product{ max-width:1000px; margin:52px auto; overflow:hidden;}
.new_product .pro_name{ width:100%; margin:0 auto 24px auto; overflow:hidden; font-size:30px; color:#352b2a; text-align:center; line-height:39px;}
.new_product .pro_name i{ width:36px; height:13px; background:url(../images/namebg.png); margin:0 26px 3px 0; display:inline-block;}
.new_product .pro_name i.n1{ background:url(../images/namebg_left.png); margin:0 0 3px 26px;}
.new_product .tab_title{ width:100%; margin:24px auto 0 auto; overflow:hidden; text-align:center;}
.new_product .tab_title a{ margin:0 0.3%; font-size:14px; color:#352b2a; display:inline-block; cursor:pointer; background:#c9c9c9; line-height:35px; padding:0 32px; border-radius:6px; transition:all .6s;}
.new_product .tab_title a:hover, .new_product .tab_title a.active{ background:#096fb9; text-decoration:none; color:#fff; text-transform:uppercase;}
.new_product .tab_con{ margin:30px 0 0 0;}
.new_product .tab_con .t_con{ width:100%; margin:0 auto;}
.new_product .tab_con .t_con ul{ overflow:hidden;}
.new_product .tab_con .t_con ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.new_product .tab_con .t_con ul li img{ width:100%;}
.new_product .tab_con .t_con ul li:nth-child(4n){ margin:0;}
.new_product .tab_con .t_con ul li em{ font-size:14px; line-height:22px; display:block; text-align:center; padding:6px 0 2px 0;}
.new_product .tab_con .t_con ul li a{ color:#666; display:block; transition:all .6s;}
.new_product .tab_con .t_con ul li a:hover{ color:#fff; text-decoration:none; background:#096fb9;}

/*about_us*/
.about_us{ width:100%; background:#f4f4f4; margin:52px auto; overflow:hidden;}
.about_us .about_name{ width:100%; margin:46px auto 32px auto; overflow:hidden; font-size:30px; color:#352b2a; text-align:center; line-height:39px;}
.about_us .about_name i{ width:36px; height:13px; background:url(../images/namebg.png); margin:0 26px 3px 0; display:inline-block;}
.about_us .about_name i.n1{ background:url(../images/namebg_left.png); margin:0 0 3px 26px;}
.about{ max-width:1000px; margin:32px auto; overflow:hidden; background:#fff;}
.about .about_left{ width:31%; float:left;}
.about .about_left img{ width:100%;}
.about .about_right{ float:right; width:64%; margin:0 2.5% 0 0; font-size:14px; color:#333; line-height:24px;}
.about .about_right b{ font-size:18px; display:block; line-height:26px; font-weight:normal; color:#096fb9; margin:18px 0 8px 0;}
.about_width{ max-width:1000px; margin:32px auto 46px auto; overflow:hidden;}
.about_width .gongchang{ width:31%; float:left; margin:0 3.5% 0 0; overflow:hidden; position:relative;}
.about_width .gongchang img{ width:100%; transition:all .5s;}
.about_width .gongchang:hover img{ transform:scale(1.2);}
.about_width .gongchang font{ position:absolute; left:0; bottom:0; background:#096fb9; width:116px; text-align:center;}
.about_width .gongchang a{ font-size:14px; color:#fff; line-height:32px;}
.about_width .gongchang a:hover{ text-decoration:none;}
.about_width .h_hezuo{ float:right; width:31%; position:relative; background:#fff;}
.about_width .h_hezuo font{ position:absolute; left:0; bottom:0; background:#096fb9; width:116px; text-align:center;}
.about_width .h_hezuo font a{ font-size:14px; color:#fff; line-height:32px;}
.about_width .h_hezuo font a:hover{ text-decoration:none;}
.about_width .h_hezuo ul{ width:90%; margin:15px auto 32px auto; overflow:hidden;}
.about_width .h_hezuo ul li{ float:left; width:47%; margin:0 6% 5.5% 0;}
.about_width .h_hezuo ul li:nth-child(2n){ margin:0 0 5.5% 0;}
.about_width .h_hezuo ul li img{ width:100%;}
.about_width .h_hezuo ul li a{ border:#eee 1px solid; display:block;}

/*news*/
.news{ max-width:1000px; margin:52px auto; overflow:hidden;}
.news .news_name{ width:100%; margin:0 auto 24px auto; overflow:hidden; font-size:30px; color:#352b2a; text-align:center; line-height:39px;}
.news .news_name i{ width:36px; height:13px; background:url(../images/namebg.png); margin:0 26px 3px 0; display:inline-block;}
.news .news_name i.n1{ background:url(../images/namebg_left.png); margin:0 0 3px 26px;}
.news .tab_title1{ width:100%; margin:24px auto 0 auto; overflow:hidden; text-align:center;}
.news .tab_title1 a{ margin:0 0.3%; font-size:14px; color:#352b2a; display:inline-block; cursor:pointer; background:#c9c9c9; line-height:35px; padding:0 32px; border-radius:6px;}
.news .tab_title1 a:hover, .news .tab_title1 a.active{ background:#096fb9; text-decoration:none; color:#fff; text-transform:uppercase;}
.news .tab_con1{ margin:30px 0 0 0;}
.news .tab_con1 .t_con{ width:100%; margin:0 auto; overflow:hidden;}
.news .tab_con1 .t_con dl{ float:left; width:50%; margin:0 0 2% 0;}
.news .tab_con1 .t_con dl dd{ float:left; width:44%; position:relative; overflow:hidden;}
.news .tab_con1 .t_con dl dd img{ width:100%;}
.news .tab_con1 .t_con dl dd font{ position:absolute; left:0; top:0; background:rgba(53, 43, 42, .6); width:88px; text-align:center;}
.news .tab_con1 .t_con dl dd a{ font-size:12px; color:#fff; line-height:32px;}
.news .tab_con1 .t_con dl dd a:hover{ text-decoration:none;}
.news .tab_con1 .t_con dl dt{ float:right; width:46%; margin:0 6% 0 4%; font-size:14px; line-height:22px;}
.news .tab_con1 .t_con dl dt strong{ font-size:16px; color:#352b2a; display:block; font-weight:normal; margin:0 0 8px 0;}
.news .tab_con1 .t_con dl dt a{ color:#666;}
.news .tab_con1 .t_con dl dt a:hover{ text-decoration:none; color:#096fb9;}

/*footer*/
.footer_nav{ background:#333; overflow:hidden;}
.footer_nav .f_nav_width{ max-width:1000px; margin:36px auto 68px auto; overflow:hidden;}
.footer_nav .f_nav_width .f_nav_left{ float:left; overflow:hidden;}
.footer_nav .f_nav_width .f_nav_left dl{ float:left; margin:0 86px 0 0;}
.footer_nav .f_nav_width .f_nav_left dl dd{ margin:0 0 18px 0;}
.footer_nav .f_nav_width .f_nav_left dl dd a{ font-size:16px; line-height:22px; color:#fff;}
.footer_nav .f_nav_width .f_nav_left dl dd a:hover{ text-decoration:none; color:#096fb9;}
.footer_nav .f_nav_width .f_nav_left dl dt{ background:url(../images/footer_jt.png) left center no-repeat; padding:0 0 0 12px;}
.footer_nav .f_nav_width .f_nav_left dl dt a{ font-size:13px; color:#bbb; line-height:24px;}
.footer_nav .f_nav_width .footer_contact{ float:right; width:28%;}
.footer_nav .f_nav_width .footer_contact strong{ font-size:16px; color:#fff; line-height:22px; margin:0 0 18px 0; display:block;}
.footer_nav .f_nav_width .footer_contact p{ font-size:13px; line-height:22px; color:#bbb; background:url(../images/add.png) left 2px no-repeat; padding:0 0 2px 28px; margin:0 0 8px 0;}
.footer_nav .f_nav_width .footer_contact p.c1{ background:url(../images/tel.png) left 2px no-repeat;}
.footer_nav .f_nav_width .footer_contact p.c2{ background:url(../images/fax.png) left 2px no-repeat;}
.footer{ background:#222; overflow:hidden;}
.footer .footer_icp{ max-width:1000px; margin:23px auto; overflow:hidden; font-size:13px; color:#bbb; line-height:22px;}
.footer .footer_icp a{ color:#bbb;}
.footer .footer_icp a:hover{ text-decoration:none; color:#fff;}


/*ny_banner*/
.ny_banner{ width:100%; background:#096fb9 url(../images/ny_banner1.jpg) center bottom no-repeat; overflow:hidden;}
.lj_content{ max-width:1000px; margin:0 auto; overflow:hidden;}
.ny_b_left{ float:left; font-size:14px; color:#ccc; line-height:20px; margin:72px 0 0 0; text-shadow:0 0 2px #767676; background:#096fb9; padding:16px 22px;}
.ny_b_left h2{ font-size:30px; color:#fff; line-height:36px; margin:0 0 12px 0; text-transform:uppercase;}
.ny_b_left font{ color:#fff;}
.ny_b_left a{ color:#fff;}
.ny_b_left a img{ width:15px; height:12px; margin:3px 3px 0 0;}
.ny_n_img{ float:right; width:208px; margin:18px 0; padding:0 8px 0 0;}
.ny_n_img img{ width:100%; border-radius:50%; box-shadow:0 2px 8px #eee;}

/*content*/
.content{ max-width:1000px; margin:42px auto; overflow:hidden;}
.ny_nav{ float:left; width:22%;}
.ny_nav strong{ background:#096fb9; margin:0 0 1% 0; font-size:24px; color:#fff; font-weight:bold; line-height:50px; padding:0 0 0 5%; display:block;}
.ny_nav ul{ overflow:hidden;}
.ny_nav ul li{ border:1px solid #ccc; transition:all 0.5s; cursor:pointer; margin:0 0 1% 0;}
.ny_nav ul li a{ font-size:14px; color:#333; display:block; line-height:36px; padding:0 0 0 5%;}
.ny_nav ul li:hover{ background:#56bd00; border:1px solid #8ed400;}
.ny_nav ul li:hover a{ color:#fff; text-decoration:none;}
.ny_nav ul li.her{ background:#56bd00; border:1px solid #8ed400;}
.ny_nav ul li.her a{ color:#fff;}
.ny_nav b{ background:#096fb9; margin:2% 0 0 0; font-size:24px; color:#fff; font-weight:bold; line-height:50px; padding:0 0 0 5%; display:block;}
.ny_nav .l_cot{ background:#ededed; padding:3% 5% 8% 5%; font-size:14px; color:#333; line-height:24px;}

.ny_right{ float:right; width:73%;}
.ny_right h3{ font-size:24px; line-height:28px; color:#096fb9; margin:0 0 26px 0; font-weight:bold; border-top:#096fb9 5px solid; padding:16px 0 0 0;}

/*profiles*/
.profile{ font-size:14px; color:#525252; line-height:24px;}
.profile img{ width:100%;}

.hezuo{ width:100%; margin:0 auto;}
.hezuo ul{ overflow:hidden;}
.hezuo ul li{ float:left; width:23.5%; margin:0 2% 2% 0; background:#fff; position:relative;}
.hezuo ul li:nth-child(4n){ margin:0 0 2% 0;}
.hezuo ul li a{ display:block; border:#eee 1px solid; padding:5px;}
.hezuo ul li img{ width:100%;}
.hezuo ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#096fb9; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.hezuo ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}
.hezuo ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#096fb9; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.hezuo ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}
.hezuo ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#096fb9; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.hezuo ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}
.hezuo ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#096fb9; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.hezuo ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}

.canguan{ width:100%; margin:0;}
.canguan ul{ overflow:hidden;}
.canguan ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.canguan ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.canguan ul li img{ width:100%;}
.canguan ul li em{ font-size:14px; text-align:center; line-height:22px; margin:5px 0 0 0; height:22px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.canguan ul li a{ color:#666;}
.canguan ul li a:hover{ text-decoration:none; color:#096fb9;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.products ul li img{ width:100%;}
.products ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.products ul li em{ font-size:14px; line-height:22px; display:block; text-align:center; padding:8px 0;}
.products ul li a{ color:#666; display:block; transition:all .6s;}
.products ul li a:hover{ color:#fff; text-decoration:none; background:#096fb9;}

.products_image{ width:100%; margin:26px auto; overflow:hidden;}
.products_left{ width:48%; float:left;}
.products_left img{ width:100%;}
.products_right{ float:right; width:48%; font-size:14px; color:#666; line-height:22px;}
.products_right strong{ font-size:16px; color:#096fb9; line-height:24px; display:block; margin:0 0 20px 0; background:#eee; padding:6px 12px;}
.products_right img{ width:100%;}
.products_right span{ display:block; margin:0 0 15px 0; color:#888;}

.products_detwo_titel{ border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; height:40px; line-height:40px; margin:30px 0 0 0; background:#fff;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:40px; border-right:solid 1px #e8e8e8; border-top:none; padding:0 3%;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#096fb9; text-decoration:none;}
.borleft{ width:100%; margin:0 auto; border-left:solid 1px #e8e8e8;}

.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:16px; font-size:14px; color:#333; line-height:25px;}
.pro_con img{ max-width:100%;}
.pct a{ line-height:42px;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto 26px auto; overflow:hidden; background:#f3f3f3;}
.ny_news:hover{ box-shadow:0 3px 8px #999;}
.ny_news a{ color:#333;}
.ny_news:hover a{ color:#096fb9; text-decoration:none;}
.ny_news .ny_n_left{ float:left; width:33%; position:relative;}
.ny_news .ny_n_left img{ width:100%;}
.ny_news .ny_n_left .times{ position:absolute; left:0; top:0; background:rgba(0, 0, 0, .3); width:132px; font-size:16px; color:#fff; text-align:center; line-height:46px;}
.ny_news .ny_n_right{ float:right; width:61%; margin:0 3% 0 0;}
.ny_news .ny_n_right strong{ font-size:17px; line-height:24px; font-weight:bold; margin:16px 0 6px 0; display:block;}
.ny_news .ny_n_right em{ font-size:12px; color:#999; line-height:18px; margin:6px 0; display:block;}
.ny_news .ny_n_right .nrong{ border-top:#fff 1px solid; font-size:14px; line-height:22px; padding:12px 0;}

.ny_news_wid{ width:100%; margin:0 auto 26px auto; overflow:hidden;}
.ny_news_wid .news_names{ width:100%; text-align:center; border-bottom:#ccc 1px dashed; margin:0 0 26px 0;}
.ny_news_wid .news_names strong{ font-size:18px; color:#333; line-height:25px; margin:0 0 8px 0; display:block;}
.ny_news_wid .news_names em{ color:#999; font-size:12px; line-height:22px; display:block;}

.ny_news_wid .news_xq{ width:100%; color:#666; font-size:14px; line-height:24px;}
.ny_news_wid .news_xq img{ max-width:100%;}

.p_next{ width:100%; margin:26px auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; color:#666; line-height:30px;}

/*support*/
.support{ width:100%; margin:0 auto;}
.support ul{ overflow:hidden;}
.support ul li{ border-bottom:#ddd 1px dotted; overflow:hidden; padding:12px 0; position:relative;}
.support ul li a{ font-size:14px; color:#333;; line-height:20px; float:left;}
.support ul li a:hover{ color:#096fb9; text-decoration:none;}
.support ul li em{ float:right; font-size:14px; color:#666;; line-height:20px;}
.support ul li font{ position:absolute; top:9px; right:62px;}
.support ul li font img{ width:36px; height:26px;}
.services{ font-size:14px; color:#525252; line-height:24px;}
.services img{ width:100%;}

/*join*/
.join{ width:100%; margin:0; overflow:hidden;}
.join dl{ border-bottom:#ddd 1px dotted; padding:0 0 18px 0; margin:0 0 18px 0;}
.join dl img{ max-width:100%;}
.join dl dd{ color:#096fb9; font-size:15px; font-weight:bold; line-height:25px; margin:0 0 12px 0;}
.join dl dt{ font-size:14px; color:#333; line-height:25px;}

/*contact*/
.contact{ font-size:14px; color:#525252; line-height:24px;}
.contact img{ width:100%;}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-88px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-90px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#096fb9; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #096fb9; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-6px; left:-174px;}
.four-con ul li.a-w2 .f-all-con{ top:-44px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}